Rendering Patterns • Bundlers & Compilers
- São estratégias que ajudam a estruturar e organizar a renderização de componentes de maneira eficiente e reutilizável. Alguns exemplos seriam: SSR, SPA, ISG, PH, etc...
👀 read later
- Devido ao fato de os navegadores não suportarem que um script invoque outro (padrão da maioria das aplicações atuais que são dividas em vários arquivos e vão sendo importados um pelos outros e compondo as funcionalidades), se faz necessário que todos os arquivos da aplicação sejam reunidos em apenas um que será lido/acessado através da tag HTML <'script'>. O responsável por isso é o Bundler. Entretanto, recentemente, essa situação passou a se tornar passado, e hoje em dia a maioria dos navegadores passou a suportar nativamente os ECMAScripts
- Já os Compilers, são uma garantia para que todos os navegadores interpretem o nosso código mesmo em versões mais recentes, pois há certas atualizações de funcionalidades que demoram para ser compatível com alguns navegadores.
👀 read later
Ex. Compiler: Babel
Ex. Bundler: Webpack
Ex. Bundler(ES6)+Compiler: Vite ✨
Grow like a 🌳!